<template>
  <u-popup :show="show" :round="10" mode="bottom " @close="close" @open="open">
    <view>
      123
    </view>
  </u-popup>
</template>

<script>
export default {
  name: 'AddContacts',
  props: {
    show: {
      type: Boolean,
      default: () => false
    },
    title: {
      type: String,
      default: 'New Contact'
    },    
  },
  data() {
    return {

    }
  },
  methods: {
    open() {
      console.log('open');
    },
    close() {
      console.log('close');
			this.$emit('update:show', false)
    }
  }  
}
</script>

<style scoped lang="scss">
.warpper {
  height: 500px;
}
</style>